<template>
	<div id="share">
		<div class="header">
			分享到
		</div>
		<div class="share-box">
			<vshare :vshareConfig="vshareConfig"></vshare>
		</div>
		<div class="close" @click="close">
			取消
		</div>
	</div>
</template>

<script>
export default{
	name:'share',
	data(){
		return{
			vshareConfig: {
          shareList: [
            'qzone',
            'tqq',
            'sqq',
            'mogujie',
            'diandian'
          ],
          common : {
            //此处放置通用设置
          },
          share : [{
            bdSize:32
            }
          ],
          image : [
            //此处放置图片分享设置
          ],
          selectShare : [
            //此处放置划词分享设置
          ]
        }
		}
	},
	methods:{
		close(){
			this.$emit('close')
      console.log('取消')
			
		}
	}
}
</script>

<style scoped>
#share {
  background: #fff;
  color: #000;
  height: 4rem;
  position: relative;
  top: 1rem;
  border-radius: 0.1rem 0.1rem 0 0;
  width: 100%;
}
#share .header {
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.4rem;
  text-align: center;
}
#share .share-box {
  height: 1rem;
  padding: 0.5rem 0;
  margin: 0 auto;
}

#share .close {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.4rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  text-align: center;
}
</style>
